<div [formGroup]="configuration.formGroupReference">
    <label class="row">
        <span class="col-4 col-form-label">
            {{ labelTranslationKey | translate }} {{ configuration.required ? "*" : "" }}
        </span>
        <span class="col-8">
            <input
                type="text"
                [formControlName]="configuration.formControlId"
                [ngClass]="useUnitValidate && unitError ? 'is-invalid' : ''"
                class="form-control qa-{{ configuration.qaPrefix }}-{{ configuration.formControlId }}"
                placeholder="{{ labelTranslationKey | translate }} ({{ dateFormat }})"
                [bsConfig]="bsConfig"
                [minDate]="bsMinDate"
                [maxDate]="bsMaxDate"
                bsDatepicker
            />
            <app-form-input-error
                class="invalid-feedback"
                [formGroupReference]="configuration.formGroupReference"
                [formControlId]="configuration.formControlId"
                [useUnitValidate]="useUnitValidate"
            >
            </app-form-input-error>
        </span>
    </label>
</div>
